<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <title>酒馆大事记_年度</title>

        <link rel="stylesheet" href="css/page.css" />
        <!--[if lt IE 9]>
        <link rel="stylesheet" href="css/ltIE9.css" />
        <![endif]-->        
    </head>

    <body>

        <div id="page">
            <div id="logos">
                <a href="#"><img src="img/logo1.png" /></a>
                <a href="#"><img src="img/logo2.png" /></a>
            </div>

            <div id="title">
                <img src="img/title.png" />
                <img src="img/title_year.png" />
                <p>
                    2012年9月10日， 日本政府以20.5亿日元价格正式购买钓鱼岛，此举刺痛中国官方及民间敏感神经。在屡次外交抗议未获成效后，中国政府首次宣布钓鱼岛领海基线，与此同时，中国百余座城市爆发声势浩大的反日游行。原本期望通过“国有化”钓鱼岛，平息石原慎太郎购岛争端的野田政府，如今不得不面对一个更加愤怒的“中国”，然而如何平息国内强烈情绪和控制由此引发的一系列暴力行为也成为考验中国执政者的一道难题。
                </p>
            </div>

            <div id="main">

                <div id="yearEvents">

                </div>
            </div>
        </div>

            <div id="timeLineTips">
                <img class="arrow" src="img/arrow.png" />
                <span>点击<font style="color:red;">小红点</font>快速跳转！</span>
                <span><font style="color:red;">滑块</font>也可以拖动喔！</span>
            </div>


        <style>
            #NIE-copyRight a {
                text-decoration: none;
                color: #111;
            }
        </style>
        <div id="NIE-copyRight" style="margin:50px 0px 0px 0px; background: url(img/footer_back.jpg);padding:30px 0px; "></div>
        <script type="text/javascript" src="js/jquery(mixNIE).last.js"></script>
        <script type="text/javascript" src="js/raphael-min.js"></script>
        <script type="text/javascript" src="js/year.js"></script>
        <script>
            $(function(){
                var left = $("#yearEvents").offset().left - 250;
                
                var top = $("#yearEvents").offset().top + $("#yearEvents").height() - 60;
                $("#timeLineTips").css({left:left,top:top});
                
                $("body").click(function(){
                    $("#timeLineTips").fadeOut();
                })
            })
        </script>

    </body>

</html>